<template>
  <tabbar>
    <tabbarItem path='/home'>
      <template v-slot:icon>
        <span class="iconfont">&#xe624;</span>
      </template>
      <template v-slot:tab>
        <div>首页</div>
      </template>
    </tabbarItem>
  
    <tabbarItem path='/category'>
      <template v-slot:icon>
        <span class="iconfont">&#xe65f;</span>
      </template>
      <template v-slot:tab>
        <div>分类</div>
      </template>
    </tabbarItem>
  
    <tabbarItem path='/cart'>
      <template v-slot:icon>
        <span class="iconfont">&#xe705;</span>
      </template>
      <template v-slot:tab>
        <div>购物车</div>
      </template>
    </tabbarItem>
  
    <tabbarItem path='/profile'>
      <template v-slot:icon>
        <span class="iconfont">&#xe603;</span>
      </template>
      <template v-slot:tab>
        <div>我的</div>
      </template>
    </tabbarItem>
  
  </tabbar>
</template>

<script>
  import tabbar from 'components/common/tabbar.vue'
  import tabbarItem from 'components/common/tabbar-item.vue'
  export default {
    components:{
      tabbar,
      tabbarItem
    }
  }
</script>

<style>
</style>
